<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>OOL</title>
	<script src="../js/jquery-1.8.0.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$("#btn1").click(function(){
					var br = $("<br>");
					var input = $("<input type=text>");
					var button = $("<input type=button value=删除 >");
					button.click(function(){
						br.remove();
						input.remove();
						button.remove();
					});
					$("#d2").append(br).append(input).append(button);
				});
			});
	</script>
	</head>
	<body>
		<br><a href="../index.jsp">back</a>
		<br><hr color="red" />
		<h5>jquery动态删除控件框</h5>
		<div id="d1"><input type="file" name="file1" ><input type="button" id="btn1" name="btn" value="More"></div>
		<div id="d2"></div>
	</body>
</html>